<template>
  <div class='zhanghucontainer'>
    <div class="topbanner">
      <img src="./images/3.jpg" alt="">
      <div>
        Trading Account
      </div>
    </div>
    <div class="selectzhanghutypebox">
      <div class="selectbox">
        <h3>Choose A Suitable Trading Account For You</h3>
        <span class="hengxian"></span>
        <p class="desc">GMG offers multiple account types that are suitable for different types of traders, ensuring a flexible and efficient trading experience.</p>
        <div class="listgroup">
          <div>
            <div>
              <p>STD Standard Account</p>
              <p>Suitable for all investors and light capital traders</p>
              <div>
                <p>Starting spread as low as 1.1 makes your trading more cost-effective</p>
                <p>Enjoy a zero transaction fee discount, making costs more transparent</p>
                <p>Activate trading account with a starting capital of only $110</p>
              </div>
            </div>
            <button @click="gohome('/openaccount')">Open Account</button>
          </div>
          <div>
            <div>
              <p>ECN Professional Account</p>
              <p>Suitable for professional investors and advanced traders</p>
              <div>
                <p>Provide a zero spread trading environment suitable for professional traders seeking the lowest trading costs</p>
                <p>Only 6 USD/lot, providing cost and depth advantages comparable to institutional accounts</p>
                <p>A starting capital of $5000 is required to activate the trading account</p>
              </div>
            </div>
            <button @click="gohome('/openaccount')">Open Account</button>
          </div>
        </div>
      </div>
    </div>

    <div class="guizeduibibox">
      <h3>Comparison Of Detailed Account Rules</h3>
      <span class="hengxian"></span>
      <p class="desc">The main differences among different account types help you choose the account that suits your trading strategy.</p>
      <ul class="tablebox">
        <li>
          <div>Type</div>
          <div>STD Account</div>
          <div>ECN Account  </div>
        </li>
        <li>
          <div>Standard Spread</div>
          <div>As Low As 1.1</div>
          <div>As Low As 0.0  </div>
        </li>
        <li>
          <div>Commission</div>
          <div>0</div>
          <div>6USD/LOT</div>
        </li>
        <li>
          <div>Maximum Leverage</div>
          <div>500:1</div>
          <div>500:1</div>
        </li>
        <li>
          <div>Maximum Single Transaction Volume</div>
          <div>40</div>
          <div>40</div>
        </li>
        <li>
          <div>Minimum Single Transaction Volume</div>
          <div>0.01</div>
          <div>0.01</div>
        </li>
        <li>
          <div>Minimum Deposit</div>
          <div>110USD</div>
          <div>5000USD</div>
        </li>
        <li>
          <div>Explosive Ratio</div>
          <div>30%</div>
          <div>30%</div>
        </li>
        <li>
          <div>Hanging Distance</div>
          <div>5</div>
          <div>0</div>
        </li>
        <li>
          <div>Allow Lock Up</div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
        </li>
        <li>
          <div>EA Compatibility</div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
        </li>
        <li>
          <div>24/5 Online Support</div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
        </li>
        <li>
          <div>Dedicated Account Manager</div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
        </li>
        <li>
          <div>Exclusive Customer Manager</div>
          <div>
            <img src="./images/1.png" alt="">
          </div>
          <div>
            Professional Investors
          </div>
        </li>
        <li>
          <div>Professional Investors</div>
          <div>
            <button @click="gohome('/openaccount')">Open STD Account</button>
          </div>
          <div>
            <button @click="gohome('/openaccount')">Open PRO Account</button>
          </div>
        </li>
      </ul>
    </div>

    <div class="youshibox">
      <h3>GMG Advantage</h3>
      <span class="hengxian"></span>
      <p class="desc">New journey, new starting point</p>
      <div class="youshigroup">
        <div>
          <div>
            <p class="youshititle">M.A.T multilateral aggregation clearing</p>
            <div>
              <p>Filter matching</p>
              <p>Recombinant aggregation</p>
              <p>Decentralized transactions</p>
            </div>
          </div>
        </div>
        <div>
          <div>
            <p class="youshititle">Multilateral real-time clearing system</p>
            <div>
              <p>Combine customers, platforms, and multiple top liquidity suppliers to achieve data transmission of customer orders from the GMGM clearing system to different LPs, improving order execution efficiency for customers.</p>
            </div>
          </div>
        </div>
        <div>
          <div>
            <p class="youshititle">Multilateral aggregation quotation system</p>
            <div>
              <p>By aggregating different quotes from banks and multiple top liquidity providers, GMG's actual trading spreads are much lower than those of a single liquidity provider, effectively reducing user trading costs.</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="kaihuiliucheng">
      <h3>3 Easy Steps To Account Opening</h3>
      <span class="hengxian"></span>
      <p class="desc">3-step easy account, customer service support throughout the process, quickly start your trading journey.</p>
      <div class="liuchenggroup">
        <div>
          <p>1</p>
          <p>Registered Account</p>
          <p>Submit basic information, simple and secure</p>
        </div>
        <div>
          <p>2</p>
          <p>Submit Personal Information</p>
          <p>Easily complete account opening and filling in in just 1 minute</p>
        </div>
        <div>
          <p>3</p>
          <p>Deposit Activation</p>
          <p>Minimum deposit of $110 for real-time activation</p>
        </div>
      </div>
      <button @click="gohome('/openaccount')">Open account</button>
    </div>

    <div class="duoyongtubox">
      <h3>Multi Channel Deposit And Withdrawal</h3>
      <span class="hengxian"></span>
      <p class="desc">GMG can use unionpay, mastercard, skrill, various digital currencies (USDT/BTC), etc</p>
      <div>
        <img src="./images/2.png" alt="">
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script lang='ts'>

  import { defineComponent, reactive, onMounted} from 'vue'
  import { useRouter } from 'vue-router'
  import Footer from '@/components/footer.vue'
  export default defineComponent({

    name: 'PageNotFound',

    props: {},

    components: {
      Footer
    },

    setup() {
      const router = useRouter();
      const state = reactive({
      
      })

      onMounted(()=>{
        console.log('组件挂载了')
      })

      const gohome=(path:string)=>{
        router.push({
          path:path
        })
      }

      return {
        state,
        gohome
      }

    }

  })
</script>
<style lang="scss" scoped>
  @use './index';
</style>